﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="UserDetail.ascx.cs"
    Inherits="FreshCms.BackEnd.Controls.Systems.User.UserDetail" %>
<%@ Import Namespace="System.Globalization" %>


<%--<script src="/BackEnd/js/ckfinder/ckfinder.js" type="text/javascript"></script>--%>
<script src="/BackEnd/js/jquery.uploadify.js" type="text/javascript"></script>

<div id="page-content" class="block">
    <div class="block-header">
        <a href="javascript:void(0)" class="header-title-link">
            <h1><%=pageTitle %></h1>
        </a>
    </div>
    <div class="row gutter30">
        <div class="col-sm-3">
            <%--<a href="javascript:void(0)" onclick="chooseAvatar('hdAvatar')" class="btn btn-sm btn-primary"><i class="hi hi-picture"></i> Đổi avatar</a>--%>
            <div style="float: left;width: 100%;">
                <input id="file_upload" name="file_upload" type="file" multiple="true">
            </div>
            <img id="avatar" src="<%=obj.UserAvatar %>" width="200" style="margin-top: 15px;margin-bottom: 15px;">
            <input type="hidden" name="hdAvatar" id="hdAvatar">
        </div>
        <div class="col-sm-8">
            <div class="col-sm-6">
                <div class="form-horizontal">
                    <div class="form-group">
                        <label class="col-md-5 control-label" for="example-text-input">Tên đầy đủ</label>
                        <div class="col-md-7">
                            <input type="text" id="txtFullname" class="form-control" placeholder="Tên đầy đủ" value="<%=obj.UserFullname %>">
                            <div class="help-block"></div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-md-5 control-label" for="example-text-input">Số điện thoại</label>
                        <div class="col-md-7">
                            <input type="text" id="txtPhone" class="form-control" placeholder="Số điện thoại" value="<%=obj.UserPhone %>">
                            <div class="help-block"></div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-md-5 control-label" for="example-text-input">Số CMND</label>
                        <div class="col-md-7">
                            <input type="text" id="txtIden" class="form-control" placeholder="Số CMND" value="<%=obj.UserIdentity %>">
                            <div class="help-block"></div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-md-5 control-label" for="example-text-input">Nhóm</label>
                        <div class="col-md-7">
                            <asp:DropDownList ID="ddlGroup" runat="server" CssClass="form-control" size="1"></asp:DropDownList>
                            <div class="help-block"></div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-md-5 control-label" for="example-text-input">Sửa bài của USER khác</label>
                        <div class="col-md-7">
                            <label class="switch switch-success-custom">
                                <input id="chkISuperAdmin" rel='' type="checkbox" <%= iSuperAdmin %>><span></span>
                            </label>
                            <div class="help-block"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-6">
                <div class="form-horizontal">
                    <div class="form-group">
                        <label class="col-md-5 control-label" for="example-text-input">Email</label>
                        <div class="col-md-7">
                            <input type="text" id="txtMail" class="form-control" placeholder="Email" value="<%=obj.UserMail %>">
                            <div class="help-block"></div>
                        </div>
                    </div>
                    <asp:PlaceHolder ID="phAddnew" runat="server" Visible="false">
                        <div class="form-group" style="height:39px">
                            <label class="col-md-5 control-label" for="example-text-input">Mật khẩu</label>
                            <div class="col-md-7">
                                <h5 class="text-info">(Mật khẩu mặc định: 111111)</h5>
                            </div>
                        </div>
                    </asp:PlaceHolder>
                    <asp:PlaceHolder ID="phUpdate" runat="server" Visible="false">
                        <div class="form-group" style="height:39px">
                            <label class="col-md-5 control-label" for="example-text-input">Reset mật khẩu</label>
                            <div class="col-md-7">
                                <label class="checkbox-inline" for="chkReset">
                                    <input type="checkbox" id="chkReset" name="example-inline-checkbox1"> (Mật khẩu mặc định: 111111)
                                </label>
                            </div>
                        </div>
                    </asp:PlaceHolder>
                    <asp:PlaceHolder ID="phUpdateMySeft" runat="server" Visible="false">
                        <div class="form-group" style="height:39px">
                            <label class="col-md-5 control-label" for="example-text-input">Đổi mật khẩu</label>
                            <div class="col-md-7">
                                <a href="javascript:void(0)" id="btnAdd" class="btn btn-default btn-primary" data-toggle="tooltip" title="" data-original-title="Đổi mật khẩu"><i class="fa fa-key"></i></a>
                            </div>
                        </div>
                    </asp:PlaceHolder>
                    <div class="form-group">
                        <label class="col-md-5 control-label" for="example-text-input">Ngày sinh</label>
                        <div class="col-md-7">
                            <input type="text" id="txtBirth" class="form-control input-datepicker text-center" data-date-format="dd/mm/yyyy" placeholder="dd/mm/yyyy" value='<%= String.Format("{0:dd/MM/yyyy}", obj.UserBirthday) %>'>
                            <div class="help-block"></div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-md-5 control-label" for="example-text-input">Trạng thái</label>
                        <div class="col-md-7">
                            <asp:DropDownList ID="ddlStt" runat="server" CssClass="form-control" size="1"></asp:DropDownList>
                            <div class="help-block"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <h4 class="sub-header" style="padding: 0px;margin-top: 0px;margin-bottom: 15px;"></h4>
    <div class="form-group text-center">
        <button type="button" id="btnUpdate" class="btn btn-sm btn-success"><i class="hi hi-plus mr5"></i><%=btnSubmitText%></button>
        <a href="/BackEnd/?ui=3" id="btnBack" class="btn btn-sm btn-primary"><i class="hi hi-arrow-left mr5"></i>Quay lại</a>
    </div>
</div>

<script>
    $(function() {
        // format color for drop down list
        FormatColorDropList('<%=ddlStt.ClientID %>');
    });

    // Uploadify
    $(function () {
        $('#file_upload').uploadify({
            'formData': {
                'timestamp': '',
                'token': ''
            },
            'fileTypeDesc' : 'Image Files',
            'fileTypeExts' : '*.gif; *.jpg; *.png',
            'multi'    : false,
            'buttonImage' : '/BackEnd/img/browse-btn.png',
            'successTimeout': 300,
            'swf': '/BackEnd/js/uploadify.swf',
            'uploader': "/BackEnd/Handler/UploadImage.ashx?m=uploadimage",
            'onUploadStart': function (file, data, response) {
                //$('#tvcStt').fadeIn('fast');
                //console.log('start');
            },
            'onUploadSuccess': function (file, data, response) {
                console.log(data);
                var obj = JSON.parse(data);
                if (obj.Success == true) {
                        $('#hdAvatar').val(obj.Data);
                        $('#avatar').attr('src', obj.Data+".thumb200x200.jpg");
                } else {
                    jWaiting.callWaitingMessError('Có lỗi xảy ra trong quá trình Upload, hãy F5 rồi thử lại....', '');
                }
            }
        });
    });

    $("#btnUpdate").bind("click", function () {
        if (!chkTextBox('txtFullname', 'Bạn phải nhập tên đầy đủ...')) return false;
        if (!chkTextBox('txtPhone', 'Bạn phải nhập số điện thoại...')) return false;
        if (!chkTextBoxNumber('txtPhone', 'Số điện thoại phải là dạng số (0123456789)')) return false;
        if (!chkTextBox('txtMail', 'Bạn phải nhập số Email...')) return false;
        if (!chkTextBoxEmail('txtMail', 'Email không đúng định dạng (example@gmail.com)')) return false;
        if (!chkTextBox('txtIden', 'Bạn phải nhập số CMND...')) return false;
        //if (!chkTextBox('txtUser', 'Bạn phải nhập tài khoản...')) return false;
        //if (!chkTextBoxUserName('txtUser', 'Tài khoản chỉ nhận các ký tự a-z, 0-9')) return false;
        if (!chkTextBox('txtBirth', 'Bạn phải chọn ngày sinh...')) return false;

        var boolChangPass = 0;
        if ($('#chkReset').is(':checked')) boolChangPass = 1;
        
        var boolSuperAdmin = 0;
        if ($('#chkISuperAdmin').is(':checked')) boolSuperAdmin = 1;
        // call ajax
        var param;
        param = {
            m: "add",
            ui : <%=panelId %>,
            id: <%=id %>,
            fullname: $('#txtFullname').val(),
            phone: $('#txtPhone').val(),
            email: $('#txtMail').val(),
            iden: $('#txtIden').val(),
            groupid: $('#<%=ddlGroup.ClientID %>').val(),
            birth: $('#txtBirth').val(),
            stt: $('#<%=ddlStt.ClientID %>').val(),
            avatar: $('#hdAvatar').val(),
            changepwd: boolChangPass,
            superadmin : boolSuperAdmin
        };
        $.ajax({
            url: "/BackEnd/Handler/User.ashx",
            data: param,
            type: "POST",
            dataType: "json",
            beforeSend: function () {
                jWaiting.callWaiting();
            },
            success: function (data) {
                console.log(data);
                if (data.Success) {
                    if (param.id > 0)
                        jWaiting.callWaitingMessSuccess('Thay đổi thông tin người dùng thành công...', 'reload', true);
                    else
                        jWaiting.callWaitingMessSuccess('Thêm mới người dùng thành công...', 'reload', true);
                }
                else {
                    jWaiting.callWaitingMessError('Có lỗi: ' + data.Message);
                }
            }
        });
    });

        
    
</script>

